<template>
  <div class="app-container">
    <el-card shadow="never">
      <div slot="header">
        <span>列表信息</span>
      </div>
      <el-table ref="recordTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
        <template slot="empty">
          <el-empty image-size="110" />
        </template>
        <el-table-column label="跟进方式" align="center" prop="followMode_dictText" />
        <el-table-column label="联系人" align="center" prop="followUser_dictText" />
        <el-table-column label="下次跟进时间" align="center" prop="followNextTime">
          <template slot-scope="{row}">
            <span>{{ row.followNextTime || '无' }}</span>
          </template>
        </el-table-column>
        <el-table-column label="跟进记录" align="center" prop="followRecord" />
        <el-table-column label="备注" align="center" prop="remark">
          <template slot-scope="{row}">
            <span>{{ row.remark || '无' }}</span>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
          <template slot-scope="{row}">
            <el-button size="small" type="text">编辑</el-button>
            <el-divider direction="vertical" />
            <el-popconfirm confirm-button-text="确定" cancel-button-text="取消" icon="el-icon-info" icon-color="red" title="确认删除该条信息吗?" @confirm="handleDelete(row)">
              <el-button slot="reference" size="small" type="text">删除</el-button>
            </el-popconfirm>
          </template>
        </el-table-column>
      </el-table>
      <el-button plain icon="el-icon-plus" class="mt16" style="width:100%" type="small">新增</el-button>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'RecordTable',
  components: {},
  data() {
    return {
      tableData: [
        {
          remark: null,
          followNextTime: null,
          followUser_dictText: '魏继鹏',
          id: '1390140278064533505',
          followMode_dictText: '钉钉',
          followRecord: '可以拜访'
        },
        {
          remark: null,
          followNextTime: null,
          followUser_dictText: '李宝伟',
          id: '1390140278064533505',
          followMode_dictText: '微信',
          followRecord: '签订合同'
        },
        {
          remark: null,
          followNextTime: null,
          followUser_dictText: '崔皓栋',
          id: '1390140278064533505',
          followMode_dictText: '微信',
          followRecord: '没有商机'
        }
      ]
    }
  },
  created() {},
  methods: {
    getList() {},
    handleSelectionChange() {},
    handleDelete(row) {}
  }
}
</script>

<style lang='scss' scoped>
@import '~@/assets/styles/details.scss';
</style>
